
@import "./base.css";

.flex-cc{
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
}

.flex-rn{
  display: flex;
  flex-flow: row;
}
.flex-rnr{
  display: flex;
  flex-flow: row wrap;
}

.flex-rcs{
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: space-between;
}

.flex-rcsr{
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: space-between;
}

.flex-inline{
  display: inline-flex;
  align-items: center;
  padding:0;
}


/*ElementPlus Button*/

.submit_btn {
  color: var(--xt-color)!important;
  background-color: var(--xt-background)!important;
  &:hover {
    background-color: var(--xt-background-aphla-0-8)!important;
    color: var(--xt-color)!important;
  }
}

.el-button{
  /*color: var(--xt-color)!important;*/
  border: none!important;
}

.cancel_btn {
  background-color: crimson!important;


  &:hover {
    background-color: crimson;
    color: #fff;
  }
}

.el-button[custom-type="modify"]{
  background-color: var(--xt-background)!important;
  color:#fff;
  &:hover{
    background-color: var(--xt-background-aphla-0-8)!important;
    color:#fff;
  }
}

.el-button[custom-type="icon"]{
  color:#333!important;
  border:1px solid #999!important;
  &:hover{
    background-color:#eee!important;
  }
}

